@import "./component/base.scss";
@import "./component/header.scss";
@import "./component/footer.scss";

.main_goods_detail {
	.main {
		.goods_img {
		    width: 1200px;
		    height: 520px;
		    overflow: hidden;
		    position: relative;
		}
		.goods_detail {
			text-align: left;
			padding: 0 30px 30px 30px;
			.left_wrap,.right_wrap{
			    width: 551px;
			}
			.title_wrap {
				width: inherit;
				height: 104px;
				border-bottom: 1px solid #e4dbcd;
				padding-top: 20px;
				position: relative;
				.title {
					max-width: 316px;
					height: 44px;
					font-size: 18px;
				}
				.price_wrap {
					min-width: 120px;
					height: 44px;
					text-align: right;
					.new_price {
						font-size: 24px;
						color: #ff4001;
						display: inline-block;
						vertical-align: middle;
					}
				}
			}
			.promotion {
				padding: 10px 0 14px;
				h4 {
					text-indent: 30px;
					position: relative;
					height: 32px;
					line-height: 32px;
					i {
						position: absolute;
						width: 30px;
						height: 30px;
						background: url(../static/images/icons_1.png) center no-repeat;
						left: 0;
						background-position: -10px -210px;
						top: 50%;
						margin-top: -15px;
					}
				}
				p {
					margin-top: 4px;
					margin-bottom: 10px;
					padding-left: 30px;
					color: #ff4001;
				}
			}
			.eat_num {
				border-bottom: 1px solid #ff4001;
				padding-top: 16px;
				p {
					color: #949494;
					height: 28px;
					line-height: 28px;
				}
				p.spec_notice {
					color: inherit;
				}
				a {
					float: left;
					width: 135px;
					height: 58px;
					line-height: 58px;
					text-align: center;
					background: #f9f9f9;
					border: 1px solid #f9f9f9;
					margin-right: 1px;
					position: relative;
					b {
						position: absolute;
						width: 100%;
						height: 2px;
						background: #ffffff;
						left: 0;
						bottom: -2px;
						display: none;
					}
				}
				a.active b {
					display: inherit;
				}
				a.vip_flag_small:before {
					content: '';
					position: absolute;
					width: 33px;
					height: 33px;
					left: 0;
					top: 0;
					background: url(../static/images/vipFlagSmall.png) no-repeat center;
					background-size: 100% 100%;
				}
				a.active {
					background: #ffffff;
					border-color: #ff4001;
				}
			}
			.spec {
				padding: 20px 0;
				border-bottom: 1px solid #e4dbcd;
				p {
					float: left;
					width: 25%;
					height: 20px;
					line-height: 20px;
					position: relative;
					text-indent: 20px;
					i {
						top: 50%;
						margin-top: -10px;
						position: absolute;
						width: 20px;
						height: 20px;
						background: url(../static/images/detaicons_1.png) center no-repeat;
						left: 0;
					}
				}
				.tableware i {
					background-position: -115px -215px;
				}
				.size i {
					background-position: -65px -215px;
				}
				.weight i {;
					background-position: -165px -215px;
				}
				.sweet {
					text-indent: 0;
					.level_2 {
					width: 33px;
				}
				}
				.sweet i {
					position: absolute;
					width: 20px;
					height: 20px;
					background: url(../static/images/detaicons_1.png) center no-repeat;
					background-position: -206px -215px;
					top: 50%;
					margin-top: -9px;
					left: 32px;
				}
			}
			.btn_wrap {
				margin-top: 20px;
				a {
					width: 260px;
					height: 48px;
					text-align: center;
					line-height: 48px;
					font-size: 18px;
					color: #ffffff;
					background: url(../static/images/cartBtns.png) no-repeat;
				}
				 a {
					border: 1px solid #ff4001;
					background: #ffffff;
					color: #ff4001;
				}
				.buy_now {
					background: #ff4001;
					color: #ffffff;
				}
			}
		}
		.goods_images{
			padding-bottom: 40px;
			.img {
			    display: block;
			    width: auto;
				padding: 5px 0;
			}
		}
	}
}